<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">

    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <script type="text/javascript" src="main/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="main/js/jquery.form.js"></script>

        <!-- Facebook-styled dialogs -->
        <script src="main/js/mootools.js"></script>
        <link rel="stylesheet" href="main/js/lightface/Assets/LightFace.css" />
        <script src="main/js/lightface/Source/LightFace.js"></script>
        <script src="main/js/lightface/Source/LightFace.IFrame.js"></script>
        <script src="main/js/lightface/Source/LightFace.Image.js"></script>
        <script src="main/js/lightface/Source/LightFace.Request.js"></script>
        <script src="main/js/lightface/Source/LightFace.Static.js"></script>
        <link rel="stylesheet" type="text/css" href="main/css/main.css" />
        <title>Contest app</title>
    </head>
    <body>
        <style>
            body {
                margin: 0; 
                padding: 0;
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                color: #333333;
                direction: ltr;
            }

            a {
                color: #3B5998;
                cursor: pointer;
                text-decoration: none;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }

            .multi-editor a {
                font-family: inherit;
                color: inherit;
                text-decoration: inherit;
            }

            /* put all the css options to the main div of the app */
            .tab_class {
                color: #444444; font-family: sans-serif; background-image: url('https://c61845.ssl.cf2.rackcdn.com/fanboosterProduction/application_files/4096/new-header_grey.png'); background-repeat: no-repeat;	min-height: 362px	
            }

            /* force children elements the  common general options, but exclude border and margin/paddings */
            .tab_class > div, .tab_class > p, .tab_class  h1, .tab_class form, .tab_class table {
                color: #444444; font-family: sans-serif;}

            /* for tables tds -  force them the general font & align options */
            td, td.label {
                color: #444444; font-family: sans-serif;}

            /* for <p> in tinymce editors - force them the general font options */
            .tab_class p {
                color: #444444; font-family: sans-serif;	}


            .clearfix span {
                color: #000000;
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .nobody_selected {
                color: #333333;	
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;	
            }	

            /* comments link */
            .add_view_comments {
                color: #3B5998;
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
            }

            /* preserve fb comments default styles */
            .connected label {
                color: #666666;
                font-weight: bold;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                font-size: 11px;
                text-align: left;
            }

            .wallkit_postcontent h4 {
                text-align: left;
            }

            .wallkit_postcontent h4 a {
                color: #3b5998;
                font-size: 11px;
                font-weight: bold;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }
            .wallkit_postcontent h4 .wall_time {
                color: #808080;
                font-size: 9px;
                margin-left: 1px;
                padding: 2px 0 0 4px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .wallkit_postcontent div {
                color: #333333;
                font-size: 11px;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .wallkit_postcontent div a {
                font-size: 9px;
                color: #3B5998;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .uiTextMetadata span a {
                font-size: 9px;
                color: #808080;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .connect_widget_summary {
                font-size: 11px;
                color: #333333;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .connect_widget_summary, .connect_widget_connected_text, .connect_widget_not_connected_text, 
            .connect_widget_not_connected_text a, .unlike_span {
                font-size: 12px;
                color: #3B5998;
                font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
                text-align: left;
            }

            .tab-header {
                text-align: center;
                float: left;
                vertical-align: middle;
            }

            .tab-header div {
                text-align: center; 
                cursor: pointer;
                margin: 6px 6px 6px 6px;
                width: auto;
                height: 100%;
            }

            .tab-content {
                padding: 5px;
            }

            /* end of fb comments style */
            .multi-editor h1 { font-size: 2em; 	  margin-left: 0px; margin-right: 0px; margin-top: 0.67em; margin-bottom: 0.67em;}
            .multi-editor h2 { font-size: 1.5em;  margin-left: 0px; margin-right: 0px; margin-top: 0.83em; margin-bottom: 0.83em;}
            .multi-editor h3 { font-size: 1.17em; margin-left: 0px; margin-right: 0px; margin-top: 1em; margin-bottom: 1em;}
            .multi-editor h4 { font-size: 1em; 	  margin-left: 0px; margin-right: 0px; margin-top: 1.33em; margin-bottom: 1.33em;}
            .multi-editor h5 { font-size: 0.83em; margin-left: 0px; margin-right: 0px; margin-top: 1.67em; margin-bottom: 1.67em;}
            .multi-editor h6 { font-size: 0.67em; margin-left: 0px; margin-right: 0px; margin-top: 2.33em; margin-bottom: 2.33em;}
        </style>

        <!-- fix for background image in IE 7 -->
        <!--[if IE 7]>
        <style>
        .tab_class {
                overflow:hidden;
        }
        </style>
        <![endif]-->

        <div style="max-width: 520px; overflow: hidden;">
            <div class="tab_class">
                <div class="fl"  style="width: 520px;" >
                    <div id="non_broken_glass" style="display:block;">
                        <div style="width: 100%;" >
                            <div style="margin-top: 120px;">
                                <img  style=" max-width: 100%"  class="image" src="https://c61845.ssl.cf2.rackcdn.com/fanboosterProduction/application_images/4096/4eeb23b5f18d9.png?1327721044" alt="" border="0" />
                            </div>
                        </div>						                                                        							<style>
                            #widget_30042 .clearfix span {
                                color: #444444; font-family: sans-serif;		
                            }

                            #widget_30042 .nobody_selected {
                                color: #444444; font-family: sans-serif;		
                            }	

                            .fb_submit
                            {
                                background-color: #3B5998;
                                border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
                                border-style: solid;
                                border-width: 1px;
                                color: white;
                                font-size: 11px;
                                margin-left: 5px;
                                margin-top: 2px;
                                padding: 2px 15px 3px;
                                overflow: visible;
                                max-width: 520px;
                                width: auto;
                            }
                        </style>
                        <script type="text/javascript">
                            function invite_30042() {
                                FB.ui(
                                {
                                    method: "apprequests", 
                                    message: "Picture contest from Fanbooster. Check it out on their Facebook page.",
                                    data: "id=30042&page_id=130291043687786"
                                },
                                function() {
                                    if (analytics_code) {
                                        _gaq.push(['_trackEvent',  tab_name + ' - Invite widget ' + '18', 'Invite', 'Invite Friends']);
                                    }
                                }
                            );
                            }
                        </script>
                        <div id="widget_30042" style="overflow: hidden; margin-top: 10px; margin-bottom: 10px; margin-left: 180px;">
                            <button class="fb_submit" style="background-color: #a0ab39; color: #FFFFFF; font-size: 11px; border-width: 1px; border-style: solid; border-color: #ffffff;" href="#" onclick="invite_30042()">Invite friends to our page</button>
                        </div>
                        <style>
                            .tab-header{border-radius: 5px 5px 0px 0px}
                            .fl{background-color: transparent;}

                        </style>						                            </div>   
                </div>
                <div style='clear: both;'></div>					<style type="text/css">
                    #section-20367 {
                        padding-top: 10px; 
                    }

                    .section-20367-active {
                        color: #ffffff;
                        background-color: #444444 !important;
                        border-bottom: 1px solid #444444;
                        font-family: Arial;
                        font-size: 12px;

                    }
                    .section-20367-inactive {
                        color: #343434;
                        background-color: #F2F2F2 !important;
                        border-bottom: 1px solid #c0c0c0;
                        font-family: Arial;
                        font-size: 12px;
                    } 

                    .section-20367-inactive-empty {
                        background-color: #F9F9F9;
                        border-bottom: 1px solid #c0c0c0;
                        width: 5px;
                    }

                </style>
                <div class="fl"  style="width: 520px;"  id="section-20367">
                    <div class="tab-header-all fl section-20367-inactive-empty">&nbsp;</div> 							<div class="tab-header-all tab-header non_broken_glass"  style='display:none' ><div href="#section-20369">Enter contest</div></div>
                    <div class="tab-header-all fl section-20367-inactive-empty non_broken_glass"   style='display:none' >&nbsp;</div>
                    <div class="tab-header-all tab-header non_broken_glass"  style='display:none' ><div href="#section-20370">Want more information?</div></div>
                    <div class="tab-header-all fl section-20367-inactive-empty non_broken_glass"   style='display:none' >&nbsp;</div>
                    <!-- <div class="tab-header-all fl section-20367-inactive-empty">&nbsp;</div>-->

                    <br style="clear: both;" />
                    <div id="section-20369" class="tab-content">
                        <div class="non_broken_glass" style="display:block;">
                            <div style="background-color: #f2f2f2; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 20px; margin-right: 100px; margin-bottom: -58px; margin-left: 20px;" class="multi-editor">
                                <div><span style="font-size: 12pt;">This is application is set up for demo purposes only, feel free to upload your image to see how it works :)</span></div></div>
                            <div style="clear:both"></div>                                                                                                                                                                                                    <script type="text/javascript">
                                function postfeed_30041()
                                {
                                    if('' != '')
                                    {
                                        FB.ui(
                                        {
                                            method: 'feed',
                                            name: 'Check out this cool new picture application from Fanbooster',
                                            link: 'http://www.facebook.com/Fanbooster?v=app_318837691467610',
                                            caption: '',
                                            description: '',
                                            picture: 'https://c61845.ssl.cf2.rackcdn.com/fanboosterProduction/application_files/4096/Share_Picturecontest.png',
                                            actions: [{
                                                    name: '',
                                                    link: ''
                                                }]
                                        },
                                        function(response) {
                                        }
                                    );
                                    }
                                    else
                                    {
                                        FB.ui(
                                        {
                                            method: 'feed',
                                            name: 'Check out this cool new picture application from Fanbooster',
                                            link: 'http://www.facebook.com/Fanbooster?v=app_318837691467610',
                                            caption: '',
                                            description: '',
                                            picture: 'https://c61845.ssl.cf2.rackcdn.com/fanboosterProduction/application_files/4096/Share_Picturecontest.png'
                                        },
                                        function(response) {
                                        }
                                    );
                                    }
                                }
                            </script>
                            <div style="padding-right: 20px; padding-bottom: 40px; text-align: right;">
                                <a onclick="postfeed_30041(); return false;"><img  style="cursor: pointer; border: 0px" src="https://v3.fanbooster.com/resellers/widgets_public/images/share.png"></a>
                            </div>                                                                                                                                                                                                    <iframe src="vote.php" frameborder="0" width="520" height="600" scrolling="no" allowtransparency= "true"></iframe>                                                                                                                                                                                                    <div>
                                <fb:comments href="https://slopetracker.no" 
                                             num_posts="10" 
                                             width="520"
                                             colorscheme="light">
                                </fb:comments>
                            </div>                                                                                                    </div>   
                    </div>
                    <div id="section-20370" class="tab-content">
                        <div class="non_broken_glass" style="display:block;">
                            <div style="background-color: #f2f2f2; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 20px; margin-right: 20px; margin-left: 20px;" class="multi-editor">
                                <div><span style="font-size: 12pt;">You are welcome to contact us for more information about this application, no strings attached.</span><br /><span style="font-size: 12pt;">Give us a call on&nbsp;+47 40414700 or use the form below.<br /></span></div></div>
                            <div style="clear:both"></div>                                                                                                                                                                                                    <div style="background-color: #f2f2f2; font-size: 14px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; overflow:hidden;">
                                <form id="form_30328" name="form_30328" action="" method="post">
                                    <input type="hidden" name="ajax" value="1" />
                                    <input type="hidden" name="id" value="30328" />
                                    <input type="hidden" name="page_id" value="316744775358" />
                                    <input type="hidden" name="page_name" value="Fanbooster"  />
                                    <table class="form" cellspacing="3" cellpadding="3" border="0" width="100%">
                                        <tr>
                                            <td  colspan="2" style=" font-size: 14px;" valign="top" class="label_column">
                                                Name*<br /> 
                                                <input type="text" class="widget_input" style="width: 100%;" name="field_49ee3087348e8d44e1feda1917443987" />
                                                <div style="display: none; color: #ff0000;" id="FormWidget_30328_field_49ee3087348e8d44e1feda1917443987_required_text">Please, fill in the * required information</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  colspan="2" style=" font-size: 14px;" valign="top" class="label_column">
                                                E-mail*<br /> 
                                                <input type="text" class="widget_input" style="width: 100%;" name="field_1e884e3078d9978e216a027ecd57fb34" />
                                                <div style="display: none; color: #ff0000;" id="FormWidget_30328_field_1e884e3078d9978e216a027ecd57fb34_required_text">Please, fill in the * required information</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  colspan="2" style=" font-size: 14px;" valign="top" class="label_column">
                                                Phone no.<br /> 
                                                <input type="text" class="widget_input" style="width: 100%;" name="field_caf3a815d99f5a66f69df75c204b9b29" />
                                                <div style="display: none; color: #ff0000;" id="FormWidget_30328_field_caf3a815d99f5a66f69df75c204b9b29_required_text">Please, fill in the * required information</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  colspan="2" style=" font-size: 14px;" valign="top" class="label_column">
                                                Your message*<br /> 
                                                <textarea name="field_cfe1b4b75fb8dc152b124f9305835a11" style="width: 100%;"></textarea>
                                                <div style="display: none; color: #ff0000;" id="FormWidget_30328_field_cfe1b4b75fb8dc152b124f9305835a11_required_text">Please, fill in the * required information</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="  font-size: 14px;">
                                                All fields marked with * are required				</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="  "><input  style="" id="form_submit_30328" type="submit" value="Contact Fanbooster" /></td>
                                        </tr>
                                    </table>
                                </form>
                            </div>

                            <div id="FormWidget_30328_thankyou" style="display: none;">

                                <p></p>
                                <table border="0" style="margin-left: auto; margin-right: auto; width: 350px; background-image: url('https://c61845.ssl.cf2.rackcdn.com/fanboosterProduction/application_files/4096/new-header_grey_form-pop.png');" align="center">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <p><span><br /><br /><br /><br /><br /><br /></span></p>
                                                <p style="text-align: center;"><br /><br /><span>Thanks!</span><br /><br /><span>One of us will contact you within as soon as possible.</span><br /><br /><span>Stay Social!</span><br /><br /><span>-Fanbooster Team</span><br /><br /></p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table><br />
                                <center>
                                    <script type="text/javascript">
                                        function share_30328()
                                        {
                                            FB.ui({
                                                method: 'feed',
                                                name: 'Check out the new picture contest application from Fanbooster',
                                                link: 'http://www.facebook.com/Fanbooster?v=app_318837691467610',
                                                description: ''
                                            },
                                            function() {
                                                if (analytics_code) {
                                                    _gaq.push(['_trackEvent',  tab_name + ' - Form widget ' + '19', 'Share', 'Share Form']);
                                                }
                                            }
                                        );
                                        }
                                    </script>
                                    <a href="#" onclick="share_30328();return false;" >
                                        <img style="border:0px" src="https://v3.fanbooster.com/resellers/widgets_public/images/share.png" />
                                    </a>
                                </center>
                            </div>
                            <div id="FormWidget_30328_error" style="display: none;">
                                All fields marked with * are required</div>
                            <script type="text/javascript">
                                var FormWidget_30328Fields = [{"value":"Name","type":"input","is_required":1,"required_text":"Please, fill in the * required information","hashedValue":"49ee3087348e8d44e1feda1917443987"},{"value":"E-mail","type":"input","is_required":1,"required_text":"Please, fill in the * required information","hashedValue":"1e884e3078d9978e216a027ecd57fb34"},{"value":"Phone no.","type":"input","is_required":0,"required_text":"Please, fill in the * required information","hashedValue":"caf3a815d99f5a66f69df75c204b9b29"},{"value":"Your message","type":"textarea","is_required":1,"required_text":"Please, fill in the * required information","hashedValue":"cfe1b4b75fb8dc152b124f9305835a11"}];

                                $(document).ready(function() {
                                    var FormWidget_30328Offset = $("#form_30328").offset();
                                    if (FormWidget_30328Offset.top < 10) {
                                        FormWidget_30328Offset.top += 20;
                                    }

                                    FormWidget_30328Offset.left = 30;
                                    var modalOk = new LightFace.Static({
                                        width: '480px',
                                        height: 'auto',
                                        draggable: false,
                                        constrain: true,
                                        content: $("#FormWidget_30328_thankyou").html(),
                                        buttons: [
                                            { title: 'OK', event: function() { this.close(); }, color: 'blue' }
                                        ],
                                        resetOnScroll: false
                                    }); 

                                    var modalErrorRequired = new LightFace.Static({
                                        width: '480px',
                                        height: 'auto',
                                        draggable: false,
                                        constrain: true,
                                        title: 'Error',
                                        content: 'All fields marked with * are required',
                                        buttons: [
                                            { title: 'OK', event: function() { this.close(); }, color: 'blue' }
                                        ],
                                        resetOnScroll: false
                                    }); 

                                    var modalErrorSend = new LightFace.Static({
                                        width: '480px',
                                        height: 'auto',
                                        draggable: false,
                                        constrain: true,
                                        title: 'Error',
                                        content: 'Error occured while sending the form data',
                                        buttons: [
                                            { title: 'OK', event: function() { this.close(); }, color: 'blue' }
                                        ],
                                        resetOnScroll: false
                                    }); 
	
                                    // bind form using ajaxForm 
                                    $('#form_30328').ajaxForm( {
                                        url:  "https://v3.fanbooster.com/resellers/tab/4096/index/ajax/",
                                        type: 'post',
                                        clearForm: true,
    		
                                        beforeSubmit: function(formData, jqForm, options) { 
                                            var has_errors = 0;
                                            for (x in FormWidget_30328Fields) {
                                                if (FormWidget_30328Fields[x].is_required == 1) { //if it is required
                                                    $('#FormWidget_30328_field_' + FormWidget_30328Fields[x].hashedValue + '_required_text').css('display', 'none');
                                                    for (y in formData) {
                                                        if (formData[y].name == 'field_' + FormWidget_30328Fields[x].hashedValue) { //this is our field
                                                            if (formData[y].value == '' || formData[y].value == undefined) {
                                                                has_errors = 1;
                                                                $('#FormWidget_30328_field_' + FormWidget_30328Fields[x].hashedValue + '_required_text').css('display', 'block');
                                                            }
                                                        }
                                                    }
							
                                                }
                                            }
                                            if (has_errors == 1) {
                                                if(true)
                                                {
                                                    modalErrorRequired.open(false, FormWidget_30328Offset.left, FormWidget_30328Offset.top);
                                                }
                                                return false;
                                            } else {
                                                return true;
                                            }
				
                                        },

                                        success: function(responseText, statusText, xhr, $form)  {
                                            if (responseText == "1") {
                                                if (analytics_code) {
                                                    _gaq.push(['_trackEvent',  tab_name + ' - Form widget ' + '19', 'Submit', 'Successful Form Submit']);
                                                }
                                                modalOk.open(false, FormWidget_30328Offset.left, FormWidget_30328Offset.top);
                                            } else {
                                                modalErrorSend.open(false, FormWidget_30328Offset.left, FormWidget_30328Offset.top);	

                                            }
                                        } 
                                    }); 
                                });
                            </script>                                                                                                    </div>   
                    </div>
                </div>
                <script type="text/javascript">
                    //simulate tabulating interface
                    $("#section-20367").find(".tab-content").hide();
                    $("#section-20367").find(".tab-content:eq(0)").show();
                    $("#section-20367").find(".tab-header").addClass("section-20367-inactive");
                    $("#section-20367").find(".tab-header:eq(0)").removeClass("section-20367-inactive");
                    $("#section-20367").find(".tab-header:eq(0)").addClass("section-20367-active");
                    setTimeout('$(".non_broken_glass").show()', 2000);
                    $("#section-20367").find(".tab-header div").click(function(){ 
                        $("#section-20367").find('.tab-header').removeClass("section-20367-active");
                        $("#section-20367").find('.tab-header').addClass("section-20367-inactive");

                        $(this).parent().removeClass("section-20367-inactive");
                        $(this).parent().addClass("section-20367-active");

                        $(this).blur();
					
                        var currentTab = $(this).attr('href'); 
                        $("#section-20367").find('.tab-content').hide();
                        $(currentTab).show();
                        return false;
                    });
			
                    var max_height = 0;
                    var total_width = 0;
                    var current_row_width = 0;
                    var last_section = null;
                    $("#section-20367").find(".tab-header-all").each(function() {
                        if ($(this).height() > max_height) max_height = $(this).height();
                        total_width += $(this).width();
                        current_row_width += $(this).width();
				
                        if (current_row_width > $("#section-20367").width()) {
                            if ($(this).prev().width() == 5) { //delimiter section
                                $(this).prev().width($("#section-20367").width() - (current_row_width-$(this).width()) + parseInt(2));
                                current_row_width = $(this).width();
                                total_width += $(this).prev().width() - 5; //new width minus 5(the old width)
                            }
                        }

                        last_section = this;
                    });	

                    if ($(last_section).width() == 5) { //delimiter section
                        $(last_section).width($("#section-20367").width() - (current_row_width) + parseInt(2));
                    }
				
                    $("#section-20367").find(".tab-header-all").height(max_height);
			
                </script>
                <div style='clear: both;'></div>
                <div class="fl"  style="width: 520px;" ></div>
                <div style='clear: both;'></div>
            </div>
        </div>
        <script src="http://connect.facebook.net/en_US/all.js#appId=106718279433830&amp;xfbml=1"></script>
        <div id="fb-root"></div>
        <script type="text/javascript">
            FB.init({appId: '106718279433830', status: true, cookie: false, xfbml: true, oauth: true});
            FB.Canvas.setSize({ width: 520, height: 1200 });
        </script>        

    </body>
</html>
<script>
    $(document).ready(function(){
        setTimeout("$('#non_broken_glass').show()", 1500);
    }
);
</script>